/* public */
.find-app {
    background: #f1f1f1;
    color: #333;
    height: 100vh;
    position: relative;
}

.loading-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem;
}

.main-wrapper {
    height: 100%;
}

.mask-share-friend {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 30;
    padding: .75rem;
}

.mask-share-friend .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mask-share-friend .tip {
    font-size: .9rem;
    color: #fff;
    text-align: center;
    padding-top: 2.2rem;
}

.mask-share-friend .share-fiend-btn {
    width: 2rem;
    height: 2rem;
    display: block;
}

.mask-mobile,
.mask-delay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 30;
    transition: .38s;
}

.toast-mobile {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15rem;
    background: #fff;
    border-radius: .3rem;
    color: #000;
    overflow: hidden;
}

.toast-mobile .toast-head {
    padding: .75rem;
}

.toast-mobile .toast-head .title {
    text-align: center;
    font-size: .9rem;
    margin-bottom: .5rem;
    font-weight: 400;
}

.toast-mobile .toast-head .main {
    font-size: .65rem;
    padding: 0 1rem;
}

.toast-mobile .toast-head .txt {
    margin-bottom: .5rem;
}

.toast-mobile .toast-footer {
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    background: #f3f3f3;
}

.toast-mobile .toast-footer .btn {
    flex: 1;
    font-size: .8rem;
    text-align: center;
}

.toast-mobile .toast-footer .invite-btn {
    color: #047EF8;
    border-right: 1px solid #f3f3f3;
}

.toast-mobile .toast-footer .share-btn {
    color: #04BE00;
}

.href-cover {
    display: block;
    height: 100%;
    width: 100%;
}

.search-header {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25rem .75rem;
    background: #f1f1f1;
    height: 2.2rem;
    z-index: 20;
}

.search-header .input-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    background: #fff;
    padding: 0 .5rem;
    border-radius: .2rem;
}

.search-header .input-wrapper .input {
    width: 100%;
    border: 0;
    outline: none;
    height: 1.5rem;
    line-height: 1.5rem;
}

.search-header .icon-search {
    display: block;
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
}

.search-header .icon-close {
    width: .8rem;
    height: .8rem;
    display: block;
}

.search-header .btn-wrapper {
    flex: 0 0 4rem;
    display: flex;
    align-items: center;
}

.search-header .btn-wrapper .search-btn {
    font-size: .8rem;
    color: #047EF8;
    padding: .25rem .5rem;
}

.search-header .btn-wrapper .icon-message {
    width: 1.2rem;
    height: 1.2rem;
}

.header-mobile {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 2.2rem;
    line-height: 2.2rem;
    background: #fff;
    z-index: 20;
}

.header-mobile.opacity {
    background: transparent;
}

.index-wrapper {
    padding-bottom: 2.5rem;
    background: #f7f7f7;
}

.index-wrapper.leave-head {
    padding-top: 2.2rem;
}

.header-mobile .nav-title {
    color: #000;
    font-size: .9rem;
    text-align: center;
    font-weight: 400;
}

.header-mobile .nav-title.white {
    color: #fff;
}

.header-mobile .nav-back {
    height: 2.2rem;
    width: 2.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-mobile .nav-serach {
    height: 2.2rem;
    width: 2.2rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-mobile .nav-back .icon {
    height: 1rem;
    width: 1rem;
    display: block;
}

.header-mobile .nav-serach .icon {
    width: 1rem;
    height: 1rem;
    display: block;
}

.banner-container {
    padding: .5rem .75rem;
    background: #fff;
}

.banner-container .banner-img {
    background: #f1f1f1;
    display: block;
    width: 17.25rem;
    height: 6.25rem;
    border-radius: .25rem;
}

.footer-mobile {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2.5rem;
    display: flex;
    border-top: 1px solid #f1f1f1;
    background: #fff;
}

.footer-mobile .item-footer {
    flex: 1;
}

.footer-mobile .footer-img {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    margin: 0.25rem auto 0.1rem;
}

.footer-mobile .footer-txt {
    font-size: .5rem;
    text-align: center;
}

.footer-mobile .footer-txt.cur {
    color: #047EF8;
}

.short-cut-container {
    display: flex;
    align-items: center;
    background: #fff;
    padding: .5rem .75rem;
}

.short-cut-container .short-cut {
    flex: 1;
}

.short-cut .short-cut-img {
    width: 2.2rem;
    height: 2.2rem;
    display: block;
    margin: 0 auto;
}

.section-line-space {
    height: .25rem;
    width: 100%;
    background: #f7f7f7;
}

.short-cut .short-cut-txt {
    text-align: center;
    font-size: .6rem;
    padding: .5rem 0;
}

/* map-wrapper */
.map-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 20;
}

/* publish-wrapper */
.publish-wrapper .publish-category {
    display: flex;
    height: 2.5rem;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    background: #fff;
}

.publish-category.sticky {
    position: sticky;
    left: 0;
    top: 2.2rem;
    right: 0;
    width: 100%;
    background: #fff;
}

.publish-category .category-item {
    flex: 1;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 400;
    position: relative;
}

.publish-category .category-item .href-cover {
    font-size: .7rem;
}

.publish-category .category-item.cur .href-cover {
    color: #047EF8;
    font-size: .85rem;
}

.publish-category .category-item.cur::after {
    content: '';
    width: .5rem;
    height: .2rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .1rem;
    background: #047EF8;
}

.my-publish-list .list-item {
    padding-left: .75rem;
    background: #fff;
}

.my-publish-list .list-item .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .5rem .5rem 0;
}

.my-publish-list .list-item .user-info {
    display: flex;
}

.my-publish-list .user-info .avatar {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .5rem;
    border-radius: 50%;
}

.my-publish-list .user-info .name {
    font-size: .65rem;
    color: #333;
}

.my-publish-list .user-info .time {
    font-size: .5rem;
    color: #999;
}



.my-publish-list .list-item .link-btn {
    width: 2.8rem;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #4FA7FF;
    font-size: .6rem;
    color: #4FA7FF;
}

.my-publish-list .list-item .body {
    padding-right: .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.my-publish-list .gallery-bar {
    display: flex;
    flex-wrap: wrap;
    padding: .4rem 0;
}

.my-publish-list .gallery-item {
    margin-right: .4rem;
    margin-bottom: .4rem;
}

.my-publish-list .time-less-bar {
    border-top: 1px solid #e8e8e8;
    padding: .75rem 0;
}

.my-publish-list .time-less-bar .label {
    font-size: .65rem;
    color: #666;
}

.my-publish-list .time-less-bar .time {
    font-size: .65rem;
    color: #000;
}

.my-publish-list .list-item .img {
    width: 3.25rem;
    height: 3.25rem;
    display: block;
    border-radius: .5rem;
}

/* confirm-wrapper */
.confirm-wrapper {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: #f7f7f7;
}

.confirm-wrapper .list-item {
    padding: .5rem .75rem .5rem 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}

.confirm-wrapper .list-item:last-child {
    border-bottom: 0;
}

.confirm-wrapper .list-item .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.confirm-wrapper .list-item .body {
    padding: 0;
}

.confirm-wrapper .list-item .link-btn {
    width: 2.8rem;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #4FA7FF;
    font-size: .6rem;
    color: #4FA7FF;
}

.confirm-wrapper .list-item .user-info {
    display: flex;
}

.confirm-wrapper .list-item .avatar {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .5rem;
}

.confirm-wrapper .user-info .name {
    font-size: .65rem;
    color: #333;
}

.confirm-wrapper .user-info .time {
    font-size: .5rem;
    color: #999;
}

.confirm-wrapper .footer {
    display: flex;
}

.confirm-wrapper .footer .btn+.btn {
    margin-left: .5rem;
}

.confirm-wrapper .footer .btn {
    padding: .4rem .6rem;
    background: #04BE00;
    border-radius: .1rem;
    border: 1px solid #04BE00;
    font-size: .65rem;
    color: #fff;
}

/* confirm-wrapper */

/* my-publish-head */

.my-publish-list .my-publish-head {
    padding: .75rem .75rem .75rem 0;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.my-publish-list .my-publish-head .time {
    font-size: .75rem;
    color: #000;
}

.my-publish-list .my-publish-head .status {
    font-size: .65rem;
    color: #666;
}

.my-publish-list .info-bar .label {
    display: inline-block;
    font-size: .5rem;
    padding: .1rem .15rem;
    color: #fff;
    background: #04BE00;
    border-radius: .1rem;
    border: 1px solid #04BE00;
}

.my-publish-list .info-bar {
    font-size: .6rem;
    color: #444;
}

/* my-publish-list */
.publish-list .href-cover {
    display: block;
}

.publish-list .list-item {
    margin-bottom: .25rem;
    background: #fff;
    padding: 1rem .75rem;
}

.publish-list .list-item:last-child {
    margin-bottom: 0;
}

.publish-list .list-item .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
}

.publish-list .list-item .user-info {
    display: flex;
    flex: 1;
}

.publish-list .user-info .avatar {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .5rem;
    border-radius: 50%;
}

.publish-list .user-info .name {
    font-size: .65rem;
    color: #333;
}

.publish-list .user-info .time {
    font-size: .5rem;
    color: #999;
}

.publish-list .list-item .link-btn {
    width: 2.8rem;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #4FA7FF;
    font-size: .6rem;
    color: #4FA7FF;
}

.publish-list .info-bar {
    font-size: .6rem;
    color: #444;
}

.publish-list .info-bar .label {
    display: inline-block;
    font-size: .5rem;
    padding: .1rem .15rem;
    color: #fff;
    background: #04BE00;
    border-radius: .1rem;
    border: 1px solid #04BE00;
}

.gallery-bar .upload-control {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-block;
}

.gallery-bar #upload {
    display: none;
}

.publish-list .gallery-bar {
    display: flex;
    flex-wrap: wrap;
    padding: .4rem 0;
}

.publish-list .gallery-bar .gallery-item {
    margin-right: .4rem;
    margin-bottom: .4rem;
}

.publish-list .gallery-bar .gallery-item:last-child {
    margin-right: 0;
}

.publish-list .gallery-bar .img {
    width: 3.25rem;
    height: 3.25rem;
    display: block;
    border-radius: .5rem;
}

.location-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
}

.location-bar .icon {
    width: .5rem;
    height: .55rem;
    display: inline-block;
}

.location-bar {
    font-size: .5rem;
    color: #999;
}

.reward-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reward-bar .inner {
    flex: 1;
}

.reward-bar .reward {
    font-size: .6rem;
    color: #666;
}

.reward-bar .symbol {
    font-size: .6rem;
    color: #04BE00;
}

.reward-bar .price {
    font-size: .9rem;
    color: #04BE00;
}

.reward-bar .could {
    font-size: .5rem;
    color: #888;
}

.reward-bar .share-btn {
    padding: .4rem .6rem;
    background: #04BE00;
    border-radius: .1rem;
    border: 1px solid #04BE00;
    font-size: .65rem;
    color: #fff;
    /* text-align: center; */
}

.reward-bar .share-btn.opacity {
    opacity: .3;
}

.reward-bar .share-btn+.share-btn {
    margin-left: .5rem;
}

/* find-peple-wrapper */
.find-people-wrapper {
    padding-top: 2.2rem;
}

/* find-thing-wrapper */
.find-thing-wrapper {
    padding-top: 2.2rem;
}

/* lost-found-wrapper */
.lost-found-wrapper {
    padding-top: 2.2rem;
}

/* find-detail-wrapper */
.find-detail-wrapper {
    padding-top: 2.2rem;
    background: #fff;
}

.find-detail-wrapper .section-floor {
    padding: 0 .75rem;
}

.find-detail-wrapper .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
}

.find-detail-wrapper .user-info {
    display: flex;
}

.find-detail-wrapper .user-info .name {
    font-size: .65rem;
    color: #333;
}

.find-detail-wrapper .user-info .time {
    font-size: .5rem;
    color: #999;
}

.find-detail-wrapper .user-info .avatar {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .5rem;
}

.find-detail-wrapper .link-btn {
    width: 2.8rem;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #4FA7FF;
    font-size: .6rem;
    color: #4FA7FF;
}

.find-detail-wrapper .info-bar {
    font-size: .6rem;
    color: #444;
}

.find-detail-wrapper .info-bar .img {
    display: block;
    margin: .5rem 0;
}

.find-detail-wrapper .info-bar .label {
    display: inline-block;
    font-size: .5rem;
    padding: .1rem .15rem;
    color: #fff;
    background: #04BE00;
    border-radius: .1rem;
    border: 1px solid #04BE00;
}

.find-detail-wrapper .location-bar {
    font-size: .5rem;
    color: #999;
}

.find-detail-wrapper .location-bar .icon {
    width: .5rem;
    height: .55rem;
    display: inline-block;
}

.find-detail-wrapper .reward-bar {
    padding-bottom: .5rem;
}

.find-detail-wrapper .reward-bar .could {
    font-size: .5rem;
}

.footer-findout {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    background: #f3f3f3;
}

.footer-findout .btn {
    flex: 1;
    font-size: .8rem;
    text-align: center;
    color: #fff;
}

.footer-findout .btn.findout {
    background: #78BBFF;
}

.footer-findout .btn.share {
    background: #04BE00;
}

.find-out-wrapper {
    padding: 2.5rem 0;
    background: #fff;
    height: 100%;
}

.find-out-wrapper .list-item {
    padding-top: 0;
}

.find-out-wrapper .payment-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    margin: 0 .75rem;
    border-bottom: 1px solid #e6e6e6;
    font-size: .75rem;
}

.find-out-wrapper .payment-bar .symbol {
    font-size: .6rem;
    color: #04BE00;
}

.find-out-wrapper .payment-bar .price {
    font-size: .9rem;
    color: #04BE00;
}

.find-out-wrapper .textarea {
    width: 100%;
    font-size: .75rem;
    line-height: .75rem;
    color: #333;
    border: 0;
    padding: .75rem;
}

.find-out-wrapper .textarea::placeholder {
    color: #a5a5a5;
}

.find-out-wrapper .upload-wrapper {
    font-size: .75rem;
    color: #000;
    padding: 0 .75rem;
}

.find-out-wrapper .gallery-bar {
    padding: .5rem 0;
}

.find-out-wrapper .gallery-bar .img {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-block;
    margin-right: .4rem;
    margin-bottom: .4rem;
}

.find-out-wrapper .submit-wrapper {
    padding: 2.5rem .75rem;
    background: #fff;
}

.find-out-wrapper .submit-btn {
    background: linear-gradient(228deg, rgba(255, 156, 30, 1) 0%, rgba(255, 115, 0, 1) 100%);
    border-radius: .3rem;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
}

.my-publish-wrapper {
    padding-top: 2.2rem;
}

.my-publish-wrapper .gallery-bar .gallery-item {
    position: relative;
    display: inline-block;
}

.my-publish-wrapper .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.8rem;
    height: 0.8rem;
    display: block;
}

.my-publish-wrapper .find-out-wrapper {
    padding: 0;
}

.my-publish-wrapper .form-panel {
    background: #fff;
}

.my-publish-wrapper .form-panel .input-wrapper {
    height: 3rem;
    line-height: 3rem;
    display: flex;
    /* padding: 0 .75rem; */
    margin: 0 .75rem;
    border-bottom: 1px solid #f1f1f1;
}

.my-publish-wrapper .form-panel .input-wrapper:last-child {
    border: 0;
}

.my-publish-wrapper .form-panel .label {
    flex: 0 0 4.8rem;
}

.my-publish-wrapper .form-panel .input {
    flex: 1;
    outline: none;
    border: 0;
    font-size: .8rem;
    text-align: right;
}

.my-publish-wrapper .form-panel .input::placeholder {
    color: #ccc;
    font-size: .8rem;
}

.my-publish-wrapper .rule-wrapper {
    padding: 1rem .75rem;
    background: #fff;
}

.my-publish-wrapper .rule-wrapper .title {
    font-size: .65rem;
    color: #000;
}

.my-publish-wrapper .rule-wrapper .desc {
    font-size: .65rem;
    color: #666;
    line-height: 1.2rem;
}

.my-publish-wrapper .rule-wrapper .btn-wrapper {
    padding: 1rem 0;
}

.my-publish-wrapper .rule-wrapper .btn {
    width: 100%;
    height: 2.5rem;
    text-align: center;
    color: #fff;
    font-size: .9rem;
    line-height: 2.5rem;
    background: linear-gradient(228deg, rgba(255, 156, 30, 1) 0%, rgba(255, 115, 0, 1) 100%);
    border-radius: .3rem;
}

.my-publish-wrapper .rule-wrapper .permit {
    font-size: .6rem;
    color: #666;
    text-align: center;
}

/* my-wrapper */
.my-wrapper {
    /* padding-top: 2.2rem; */
    height: 100%;
    background: #fff;
    padding-bottom: 2.5rem;
}

.my-wrapper .user-panel {
    padding: 0 .75rem;
}

.my-wrapper .info-bar {
    display: flex;
    align-items: center;
    padding: .8rem 0 1.3rem;
}

.my-wrapper .info-bar .avatar {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    border-radius: 50%;
}

.my-wrapper .info-bar .name {
    font-size: .9rem;
    color: #000;
    margin: 0 .3rem;
}

.my-wrapper .info-bar .crown {
    width: .9rem;
    height: .65rem;
    display: inline-block;
}

.my-wrapper .level-bar {
    width: 100%;
    position: relative;
    height: 6rem;
}

.my-wrapper .level-bar .bg {
    width: 100%;
    height: 6rem;
}

.my-wrapper .info-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding: .5rem .5rem 0;
}

.my-wrapper .info-wrapper .time {
    font-size: .6rem;
    color: #fff;
}

.main-wrapper .info-wrapper .section-floor {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-wrapper .info-wrapper .vip {
    font-size: .8rem;
    color: #fff;
}

.my-wrapper .info-wrapper .icon {
    width: .95rem;
    height: .95rem;
    display: block;
}

.my-wrapper .info-wrapper .tip {
    color: #866540;
    font-size: .5rem;
    flex: 1;
    margin-right: .5rem;
}

.my-wrapper .info-wrapper .btn {
    background: linear-gradient(49deg, rgba(255, 255, 136, 1) 0%, rgba(255, 255, 0, 1) 100%);
    border-radius: 1rem;
    font-size: .75rem;
    color: #866540;
    padding: .5rem .8rem;
}

.navigator-list {
    background: #fff;
    padding-left: .75rem;
}

.navigator-item {
    font-size: .8rem;
    color: #131313;
    padding: 1.1rem .75rem 1.1rem 0;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigator-item .icon {
    width: .95rem;
    height: .95rem;
    display: inline-block;
}

.navigator-item .grey-arrow {
    width: .35rem;
    height: .55rem;
    display: block;
}

/* wallet-head */
.wallet-wrapper .wallet-head {
    padding: 4.7rem .75rem 1.5rem;
    background: linear-gradient(225deg, rgba(255, 156, 30, 1) 0%, rgba(255, 115, 0, 1) 100%);
}

.wallet-wrapper .wallet-head .title {
    font-size: .65rem;
    color: #fff;
}

.wallet-wrapper .wallet-head .inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wallet-wrapper .wallet-head .price {
    font-size: 1.3rem;
    color: #fff;
}

.wallet-wrapper .wallet-head .btn {
    background: rgba(255, 255, 255, 0);
    border-radius: .15rem;
    padding: .35rem .7rem;
    border: 1px solid rgba(255, 255, 255, 1);
    color: #fff;
    font-size: .65rem;
}

.wallet-wrapper .wallet-head .btn+.btn {
    margin-left: .5rem;
}

.wallet-wrapper .wallet-title {
    font-size: .65rem;
    color: #666;
    padding: .75rem;
}

.wallet-wrapper .wallet-list {
    background: #fff;
    padding-left: .75rem;
}

.wallet-wrapper .wallet-list .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .75rem .75rem 0;
    border-bottom: 1px solid #e8e8e8;
}

.wallet-wrapper .list-item .p1 {
    font-size: .8rem;
    color: #000;
    display: flex;
    align-items: center;
}

.wallet-wrapper .list-item .icon {
    width: .8rem;
    height: .65rem;
    margin-left: .25rem;
    display: block;
}

.wallet-wrapper .list-item .p2 {
    font-size: .6rem;
    color: #555;
}

.wallet-wrapper .list-item .mark {
    color: #047EF8;
    overflow: hidden;
}

.wallet-wrapper .list-item .p3 {
    font-size: .55rem;
    color: #999;
}

.wallet-wrapper .list-item .price {
    color: #FF7300;
    font-size: .8rem;
    flex: 0 0 4rem;
    text-align: center;
}

.wallet-wrapper .list-item .symbol {
    font-size: .6rem;
}

/* withdraw-wrapper */
.withdraw-wrapper {
    padding-top: 2.2rem;
    height: 100%;
    background: #fff;
}

.withdraw-title {
    font-size: .65rem;
    color: #666;
    padding: .75rem;
    background: #F6F6F6;
}

.withdraw-wrapper .head-panel {
    padding: .75rem;
}

.withdraw-wrapper .head-panel .title {
    font-size: .8rem;
    color: #000;
    padding-bottom: .5rem;
}

.withdraw-wrapper .head-panel .max-withdraw {
    font-size: .6rem;
    color: #666;
    margin-bottom: .2rem;
}

.withdraw-wrapper .head-panel .min-withdraw {
    font-size: .6rem;
    color: #FF2828;
}

.withdraw-wrapper .input-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: .75rem 0;
}

.withdraw-wrapper .input-wrapper .inner {
    display: flex;
    align-items: center;
    flex: 1;
}

.withdraw-wrapper .input-wrapper .symbol {
    font-size: .9rem;
    flex: 0 0 1rem;
    text-align: center;
}

.withdraw-wrapper .input-wrapper .input {
    width: 100%;
    font-size: 1.35rem;
    outline: none;
    border: 0;
}

.withdraw-wrapper .input-wrapper .input::placeholder {
    color: #999;
    font-size: .9rem;
}

.withdraw-wrapper .input-wrapper .btn {
    color: #FF7300;
    font-size: .65rem;
    flex: 0 0 4rem;
    text-align: center;
}

/* body-panel */
.withdraw-wrapper .body-panel {
    padding: 0 .75rem;
}

.withdraw-wrapper .body-panel .title-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid #e8e8e8;
}

.withdraw-wrapper .body-panel .btn-wrapper {
    padding-top: 1.75rem;
    padding-bottom: 1.25rem;
}

.withdraw-wrapper .body-panel .btn {
    background: rgba(213, 213, 213, 1);
    border-radius: .3rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    text-align: center;
}

.withdraw-wrapper .body-panel .btn.active {
    background: linear-gradient(228deg, rgba(255, 156, 30, 1) 0%, rgba(255, 115, 0, 1) 100%);
}

.withdraw-wrapper .body-panel .tip {
    font-size: .65rem;
    text-align: center;
    color: #555;
}

.withdraw-wrapper .body-panel .tip-btn {
    color: #FF7300;
}

.withdraw-wrapper .notice-panel {
    font-size: .6rem;
    line-height: 1.2rem;
}

.withdraw-wrapper .notice-panel .title {
    color: #000;
}

.withdraw-wrapper .notice-panel .txt {
    color: #666;
}

/* withdraw-history-wrapper */
.withdraw-history-wrapper {
    padding-top: 2.2rem;
    background: #fff;
    height: 100%;
}

.withdraw-history-wrapper .history-title {
    font-size: .65rem;
    color: #666;
    padding: .75rem;
    background: #f3f3f3;
}

.withdraw-history-wrapper .history-list {
    padding-left: .75rem;
}

.withdraw-history-wrapper .history-list .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .75rem .75rem 0;
    border-bottom: 1px solid #e8e8e8;
}

.withdraw-history-wrapper .history-list .status {
    font-size: .8rem;
    color: #000;
}

.withdraw-history-wrapper .history-list .time {
    font-size: .55rem;
    color: #999;
}

.withdraw-history-wrapper .history-list .price {
    font-size: .8rem;
    color: #888;
}

.withdraw-history-wrapper .history-list .yuan {
    font-size: .6rem;
    color: #888;
}

/* auth-wrapper */
.auth-wrapper {
    padding-top: 2.2rem;
    height: 100%;
    background: #fff;
}

.auth-wrapper .upload-wrapper {
    padding: .75rem;
}

.auth-wrapper .upload-wrapper .title {
    font-size: .65rem;
    color: #666;
    padding: .5rem 0;
}

.auth-wrapper .photo-wrapper {
    padding: 1.85rem 2.75rem;
    border: 1px dashed #e8e8e8;
    position: relative;
}

.auth-wrapper .photo-wrapper #upload {
    display: none;
}

.auth-wrapper .photo-wrapper.no {
    padding: 0;
}

.auth-wrapper .photo-wrapper.no .close-btn {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.auth-wrapper .photo-wrapper.no .img {
    width: 100%;
    height: 6.75rem;
    display: block;
}
.auth-wrapper .photo-wrapper .img {
    width: 11.25rem;
    height: 6.75rem;
    display: block;
}

.auth-wrapper .form-panel {
    padding: .75rem;
}

.auth-wrapper .input-wrapper {
    position: relative;
}

.auth-wrapper .input-wrapper .label {
    font-size: .9rem;
    color: #000;
    padding: .5rem 0;
}

.auth-wrapper .input-wrapper .input {
    line-height: 1.9rem;
    font-size: .8rem;
    padding: .65rem 0;
    border: 0;
    outline: none;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.auth-wrapper .input-wrapper .code-btn {
    position: absolute;
    right: 0;
    bottom: .75rem;
    font-size: .8rem;
    text-align: center;
    padding: .4rem .65rem;
    background: linear-gradient(228deg, rgba(255, 156, 30, 1) 0%, rgba(255, 115, 0, 1) 100%);
    border-radius: .2rem;
    color: #fff;
    z-index: 20;
}

.auth-wrapper .input-wrapper .code-btn.disabled {
    background: #D5D5D5;
}

.auth-wrapper .btn-wrapper {
    padding: 2rem 0;
}

.auth-wrapper .btn-wrapper .btn {
    color: #fff;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
    background: linear-gradient(228deg, rgba(255, 156, 30, 1) 0%, rgba(255, 115, 0, 1) 100%);
    border-radius: .3rem;
}

.auth-wrapper .btn-wrapper .btn.disabled {
    background: #d5d5d5;
}

.join-wrapper {
    padding-top: 2.2rem;
}

/* message-list-wrapper */
.message-list-wrapper {
    padding-top: 2.2rem;
}

.message-list-wrapper .message-list {
    height: 27rem;
    overflow: auto;
}

.message-list {
    padding-left: .75rem;
    background: #fff;
}

.message-list .list-item {
    display: flex;
    padding: .5rem .75rem .5rem 0;
    border-bottom: 1px solid #e8e8e8;
}

.message-list .list-item:last-child {
    border-bottom: 0;
}

.message-list .list-item .user-panel {
    display: flex;
    align-items: center;
    flex: 1;
}

.message-list .user-panel .avatar {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .5rem;
    border-radius: 50%;
}

.message-list .name {
    font-size: .8rem;
    color: #333;
}

.message-list .info {
    font-size: .6rem;
    color: #333;
}

.message-list .time {
    font-size: .5rem;
    color: #999;
}

/* message-room-wrapper */
.message-room-wrapper {
    padding-top: 2.2rem;
    padding-bottom: 2rem;
    overflow: auto;
}

.message-room-wrapper .create-time {
    text-align: center;
    font-size: .6rem;
    height: 2.2rem;
    line-height: 2.2rem;
}

.message-room-wrapper .session-list {
    background: #f1f1f1;
    height: 27.55rem;
    padding-bottom: 6rem;
    padding-left: .75rem;
    padding-right: .75rem;
    box-sizing: border-box;
    transition: .38s;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.session-list .post-time {
    font-size: .6rem;
    text-align: center;
}

.session-item {
    display: flex;
    flex-wrap: nowrap;
    padding: .5rem 0;
}

.session-item.left {
    flex-direction: row;
}

.session-item.left .avatar {
    margin-right: 0.8rem;
}

.session-item.left .txt::before {
    content: '';
    position: absolute;
    left: -0.8rem;
    top: 50%;
    width: 0;
    height: 0;
    display: block;
    transform: translateY(-50%);
    border-width: .5rem;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    z-index: 20;
}

.session-item.right {
    flex-direction: row-reverse;
}

.session-item.right .avatar {
    margin-left: 0.8rem;
}

.session-item.right .txt::after {
    content: '';
    position: absolute;
    right: -0.8rem;
    top: 50%;
    width: 0;
    height: 0;
    display: block;
    transform: translateY(-50%);
    border-width: .5rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    z-index: 20;
}

.session-item .avatar {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    flex: 0 0 2rem;
}

.session-item .txt {
    font-size: .7rem;
    line-height: 1.2rem;
    color: #333;
    padding: .5rem;
    background: #fff;
    border-radius: .25rem;
    position: relative;
}

.message-footer {
    position: fixed;
    height: 2.2rem;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f1eeee;
    display: flex;
    z-index: 30;
    border-radius: .2rem;
    overflow: hidden;
    transform: translateZ(0);
}

.message-footer .input {
    flex: 1;
    outline: none;
    border: 0;
    padding: .5rem .75rem;
}

.message-footer .btn {
    flex: 0 0 4rem;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: .8rem;
    color: #fff;
    text-align: center;
    background: #04BE00;
}

.about-wrapper {
    font-size: .7rem;
    padding: 0 .75rem;
    background: #fff;
    line-height: 2.4rem;
}